<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html_列表</title>
</head>

<body>

    <!-- 表格是用来显示数据的，那么列表就是用来布局的 -->
    <!-- 列表的最大特点就是整齐有序，它作为布局会更加自由和方便 -->
    <!-- 根据使用情景的不同，列表可分为三大类：有序列表、无序列表和自定义列表 -->

    <!-- 无序列表 -->
    <ul>
        <li>无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
    </ul>
    1、无序列表的各个列表项之间没有顺序级别之分，是并列的
    2、<ul></ul>标签中只能嵌套<li></li>标签
    3、<li></li>相当于一个容器，可以容纳所有元素
    4、无序列表会带有自己的样式属性，但是在实际使用过程中，我们会用CSS来设置


    <!-- 有序列表 -->
    <ol>
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
    </ol>
    1、<ol></ol>标签中只能嵌套<li></li>标签
    2、<li></li>相当于一个容器，可以容纳所有元素
    3、有序列表会带有自己的样式属性，但是在实际使用过程中，我们会用CSS来设置

    <!-- 自定义列表 -->
    <dl>
        <dt>关注我们</dt>
        <dd>新浪微博</dd>
        <dd>腾讯微博</dd>
        <dd>微信公众号</dd>
    </dl>
    在html标签中，<dl></dl>标签用于定义描述列表（或定义列表）。
    该标签会与<dt></dt>（定义项目/名字）和<dd></dd>（描述每一个项目/名字）一起使用
    <!-- dl中只能有dt和dd标签 -->


</body>

</html>